import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'
import qs from 'qs'
import './plugins/element'

// 导入移动端的ui框架
import Vant from "vant";
import "vant/lib/index.css";

// 导入全局样式表
import '@/assets/css/global.css'


// a.导入axios，请求包
import axios from 'axios'
// c.设置axios请求根路径,配置请求的根路径
axios.defaults.baseURL = "http://120.79.190.214:121/api/";
// d.拦截器
// 每次请求自动追加一个token，就是每次请求都是携带token的
// 在request中展示进度条 NProgress.start();
axios.interceptors.request.use(config => {
  console.log(config)
  config.headers.Authorization = window.sessionStorage.getItem('token')
  // 必须return一个config
  return config
})
// 在response拦截器中，隐藏进度条 NProgress.done();
axios.interceptors.response.use(config => {
  return config
})
// b.挂载到vue的原型对象上


//设置axios为form-data
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded';
axios.defaults.headers.get['Content-Type'] = 'application/x-www-form-urlencoded';
axios.defaults.transformRequest = [function (data) {
    let ret = ''
    for (let it in data) {
      ret += encodeURIComponent(it) + '=' + encodeURIComponent(data[it]) + '&'
    }
    return ret
}]

Vue.prototype.$http = axios

Vue.use(Vant);
Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
